<template>
  <el-table
      class="table"
      :data="tableData"
      stripe
      style="width: 100%">
    <el-table-column
        prop="address"
        label="选择"
        width="50">
      <template slot-scope="scope">
        <el-radio v-model="radioSelect"
                  :label="scope.row.id"
                  @change.native="handleRadioChange(scope.row.id)"
        >&nbsp;
        </el-radio>
      </template>
    </el-table-column>
    <el-table-column
        prop="name"
        label="订单号"
        width="120">
    </el-table-column>
    <el-table-column
        prop="time"
        label="下单时间"
        width="100">
      <template slot-scope="scope">
        <div v-text="scope.row.date"></div>
        <div v-text="scope.row.time"></div>
      </template>
    </el-table-column>
    <el-table-column
        prop="time"
        label="合同编号"
        width="120">
    </el-table-column>
    <el-table-column
        prop="time"
        label="运单号"
        width="120">
    </el-table-column>
    <el-table-column
        prop="time"
        label="司机姓名"
        width="110">
    </el-table-column>
    <el-table-column
        prop="address"
        label="车辆档案编号"
        width="120">
    </el-table-column>
    <el-table-column
        prop="address"
        label="车辆性质"
        width="90">
    </el-table-column>
    <el-table-column
        prop="address"
        label="委托方"
        width="90">
    </el-table-column>
    <el-table-column
        prop="address"
        label="始发地"
        width="100">
    </el-table-column>
    <el-table-column
        prop="address"
        label="目的地"
        width="100">
    </el-table-column>
    <el-table-column
        prop="address"
        label="收货方"
        width="80">
    </el-table-column>
    <el-table-column
        prop="address"
        label="货物名称"
        width="80">
    </el-table-column>
    <el-table-column
        prop="address"
        label="重量kg"
        width="80">
    </el-table-column>
    <el-table-column
        prop="address"
        label="结算金额"
        width="80">
    </el-table-column>
    <el-table-column
        prop="address"
        label="结算时间"
        width="100">
      <template slot-scope="scope">
        <div v-text="scope.row.date"></div>
        <div v-text="scope.row.time"></div>
      </template>
    </el-table-column>
    <el-table-column
        prop="address"
        label="状态"
        width="70">
    </el-table-column>


  </el-table>
</template>

<script>
export default {
  name: "PayableSettlement",
  props:{
    tableData: [],
    identity: String,
  },
  data(){
    return{
      radioSelect: '1',
    }
  },
  methods:{


    // 选择单选框
    handleRadioChange(row) {
      console.log(row)
    },
  }
}
</script>

<style scoped>

</style>